<template>
  <div id="designer-host">
    <iframe :src="url" style="width:100%;height:100%;border:0;"></iframe>
  </div>
</template>

<script lang="ts" setup>
//import { Designer as RptDesigner } from '@grapecity/activereports/reportdesigner'; 
//import '@grapecity/activereports-localization-zh';

let url =  window.apiUrl.VUE_APP_AR_DESIGNER_API_URL

</script>

<style lang="scss" scoped>
//@import '../../../node_modules/@grapecity/activereports/styles/ar-js-ui.css';
//@import '../../../node_modules/@grapecity/activereports/styles/ar-js-designer.css';
#designer-host {
  width: 100%;
  height: calc(100vh - 50px);
}
</style>
